import React, { PureComponent } from 'react'
import { connect } from 'react-redux'
import {
    RecommendWrapper
} from '../style.js'
class Recommend extends PureComponent {
    render () {
        return (
            <RecommendWrapper>
                {
                    this.props.recommendList.map((item) =>{
                        return (
                            <img key={item.get('id')} className="RecommendList" src={item.get('imgUrl')} alt="" />
                        )
                    })
                }
            </RecommendWrapper>
        )
    }
}
const mapStateToProps = (state) => {
    return {
        recommendList: state.getIn(['home','recommendList'])
    }
}
export default connect(mapStateToProps, null)(Recommend)